/* 
    Document   : forms
    Created on : 02-jun-2014, 10:48:22
    Author     : WIN8
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

form{
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

form input{
    border-radius: 5px;
    border: 1px #848484 solid;
    transition: all ease-in 0.1s;
    margin-bottom: 10px;
}

form input[type=text]:focus,
form input[type=password]:focus,
form input[type=text]:hover,
form input[type=number]:hover,
form input[type=password]:hover{
    border: 1px #BDBDBD solid;
    transition: all ease-in 0.1s;
}

input[type=text], input[type=number],input[type=password]{
    width: 90%;
    height: 25px;
    border-radius: 5px;
    border: 1px #848484 solid;
    padding-left: 5px;
    transition: all ease-in 0.1s;
}

form select{
    width: 92%;
    height: 27px;
    border-radius: 5px;
    border: 1px #848484 solid;
    padding-left: 5px;
    padding-top: 3px;
    transition: all ease-in 0.1s;
    margin-bottom: 10px;
}

form textarea{
    border-radius: 5px;
    border: 1px #848484 solid;
    transition: all ease-in 0.1s;
    margin-bottom: 10px;
    width: 90%;
    resize: none;
}

.button{
    height: 30px;
    width: 100px;
    margin-bottom: 0px;
}

.button:hover{
    cursor: pointer;
    background-color: #848484;
    color: white;
}